<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="barDiv" style="width: 700px;height: 600px;"></div>

<script src="/public/libs/jquery.min.js"></script>
<script src="/public/plugins/echarts/echarts.min.js"></script>
<script type="text/javascript">
    $(function(){
        // based on prepared DOM, initialize echarts instance
        var myChart = echarts.init(document.getElementById('barDiv'));

        var option = {
            xAxis: {
                type: 'category',
                data: []
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: [],
                type: 'bar'
            }]
        };

        //



        // //异步请求  获取数据
        $.get("/sys/echarts/bar",function(r){
        //   stringObjectMap.put("xAxiosData",xAxiosData);//x坐标
         //   stringObjectMap.put("seriesData",xAxiosData);//具体的值
            option.xAxis.data = r.xAxiosData;
            option.series[0].data = r.seriesData;

            myChart.setOption(option);

        });


    });
</script>
</body>
</html>